import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],

  // 开发服务器配置
  server: {
    port: 3000,
    open: true,
    cors: true
  },

  // 构建配置
  // build: {
  //   outDir: 'dist',
  //   assetsDir: 'assets',
  //   sourcemap: true,
  //   minify: 'terser',
  //   terserOptions: {
  //     compress: {
  //       drop_console: true,
  //       drop_debugger: true
  //     }
  //   }
  // },
  build: {
    outDir: 'dist',
    rollupOptions: {
      input: './src/main.js',
      output: {
        entryFileNames: 'dev-tools.js',
        assetFileNames: 'assets/[name].[ext]',
        format: 'iife'
      }
    }
  },

  // 解析配置
  resolve: {
    alias: {
      '@': '/src'
    }
  },

  // CSS 配置
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/assets/styles/variables.scss";`
      }
    }
  }
})
